
 .lefttop  {
	
	background-image: url('@/common/image/serrated/2.png');
	transform: rotate(-90deg);
}

 .righttop  {
	background-image: url('@/common/image/serrated/2.png');
	transform: rotate(0deg);
}
.leftbuttom  {
	background-image: url('@/common/image/serrated/2.png');
	transform: rotate(180deg);
}

 .rightbuttom  {
	background-image: url('@/common/image/serrated/2.png');
	transform: rotate(90deg);
}



 .lefttopbuttom  {
	background-image: url('@/common/image/serrated/0.png');
	transform: rotate(-90deg);
}
 .righttopbuttom  {
	background-image: url('@/common/image/serrated/0.png');
	transform: rotate(90deg);
}
 .lefttopright  {
	background-image: url('@/common/image/serrated/0.png');
	transform: rotate(0deg);
}
 .leftbuttomright  {
	background-image: url('@/common/image/serrated/0.png');
	transform: rotate(180deg);
}

 .center  {
	background-image: url('@/common/image/serrated/3.png');
}
	
.verticalcenter {
	background-image: url('@/common/image/serrated/3.png');
	transform: rotate(90deg);
}
.topcenter {
	background-image: url('@/common/image/serrated/1.png');
	transform: rotate(180deg);
}
.buttom {
	background-image: url('@/common/image/serrated/4.png');
	transform: rotate(180deg);
}
.top {
	background-image: url('@/common/image/serrated/4.png');
}
.left {
	background-image: url('@/common/image/serrated/4.png');
	transform: rotate(90deg);
}
.right{
	background-image: url('@/common/image/serrated/4.png');
	transform: rotate(270deg);
}
.xuanzhong {

	border: 2px solid #3a8ee6;
	border-radius: 4px;
}


.dotted {
	position: absolute;
	z-index: 10;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-position: center;
	background-size: cover;
}
